/*banner搜索栏*/
.banner{height:171px;background:url(//js.tuguaishou.com/index_img/search-img/mbbanner.jpg) no-repeat center center; /*animation: infinite 60s linear infinite;*/}
h1{font-size:32px;padding-top:27px;color:#F9F6F6;text-align:center;font-weight:500;margin-bottom:24px;letter-spacing:3px;}
body{background:#FDFDFD;}
.title-banner{text-align:center;background:#FFFFFF;box-shadow:0 3px 4px rgba(153, 152, 153, 0.05);}
.title-banner > .banner{height:90px;background:url(//s.tuguaishou.com/index_img/search-img/banner1.png) no-repeat center center;}
.banxin{width:1200px;margin:0 auto;}
.classify{height:70px;line-height:70px;font-size:18px;color:#000000;border-bottom:2px solid #F1F1F1;}
.ify-name{padding:0 16px 0 18px;}
.classify-top > li{display:inline-block;margin:0 13px;}
.classify-top > li > a{display:block;padding:0 12px;height:100%;box-sizing:border-box;}
.classify-on a{color:#FF6161;border-bottom:2px solid #FF6161;}
.classify-top > li > a:hover{color:#FF6161;border-bottom:2px solid #FF6161;}
.ify-custom{display:block;width:96px;height:32px;text-align:center;line-height:30px;border-radius:2px;color:#666666;font-size:14px;box-sizing:border-box;border:1px solid #E2E2E2;margin-top:24px;cursor:pointer;}
.ify-custom:hover{background:#F6F6F6;}
.classify-link{text-align:left;padding:9px 0 14px;}
.classify-link > li{height:142px;width:105px;box-sizing:border-box;position:relative;display:inline-block;padding:10px 10px 47px;text-align:center;position:relative;margin:0 8px;border-radius:4px;box-shadow:0 0px 0px #F25B4A;transition:box-shadow 0.3s ease-in;-moz-transition:box-shadow 0.3s ease-in;-webkit-transition:box-shadow 0.3s ease-in;-o-transition:box-shadow 0.3s ease-in;}
.classify-link > li.link-on{box-shadow:0 1px 3px #F25B4A;border:1px solid #E2E2E2 \9;}
.classify-link > li.link-on .classify-link-size > span{visibility:visible;opacity:1; transform:translateY(0px);}
.classify-link > li img{max-height:85px;max-width:85px;vertical-align:bottom;position:absolute;left:0;right:0;bottom:48px;margin:auto;}
.classify-link-size{position:absolute;bottom:0;left:0;width:100%;height:47px;}
.classify-link-size > p{color:#666666;font-size:14px;}
.classify-link-size > span{display:inline-block;visibility:hidden;transform:translateY(10px);opacity:0;color:#999999;font-size:12px;transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.classify-link > li:hover .classify-link-size > span{visibility:visible;opacity:1;transform:translateY(0px);}
/*content*/
.content-ify{height:44px;line-height:47px;font-size:14px;text-indent:18px;}
.content-ify > a{color:#666666;margin-right:36px;}
.content-ify > .pitch-on{color:#F25B4A;}

.content.filter-box{
    background-color:#FDFDFD;
}
/*瀑布流*/
.container-fluid{ /*padding: 20px;*/width:1220px;}
.box{margin:0 15px 15px 0; float:left; padding:0 0 40px;
    /*background:#FFFFFF; */
    width:390px; text-align:center;
    /*box-shadow:0 1px 2px #EEEEEE;*/
    border-radius:4px;}
.box p{position:absolute;height:39px;line-height:42px;font-size:14px;color:#999999;width:370px;text-align:left;padding:0 0px;}
.box p > span{color:#CCCCCC;margin-top:-1px;}
.box p > span > i{font-size:18px;position:relative;top:2px;}
/*.box:hover .mob-list-classify{visibility: visible;opacity: 1;}*/
.box:hover .top-btn{visibility:visible;opacity:1;}
.top-btn{visibility:hidden;opacity:0;width:100%;position:absolute;top:0;right:0;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.top-btn .shej-btn{margin:25px 15px 0 18px;display:block;width:141px;height:42px;line-height:38px;font-size:14px;color:#FFFFFF;background:#FFFFFF;border-radius:8px;color:#999999;}
/*.top-btn > .shej-btn:hover{ opacity:0.8;}*/
.top-btn .shej-btn > i{font-size:18px;position:relative; /*top:2px;margin-right:5px;*/}
.shouc-btn{float:left;margin-left:10px;width:43px;height:42px;line-height:40px;border-radius:8px;background:#FFFFFF;margin-top:25px;box-sizing:border-box;}
.shouc-btn-on{width:43px;height:42px;line-height:40px;border-radius:4px;background:#FFFCF5;margin-top:25px;box-sizing:border-box;border:1px solid #FB8157;}
.shouc-btn > i{font-size:20px;color:#999999;}
.shouc-btn-on > i{font-size:20px;color:#F25B4A;}
.downloadBtn{border:1px solid #FFFFFF;float:left;margin-left:10px;width:43px;height:42px;line-height:40px;border-radius:4px;background:#FFFFFF;margin-top:25px;box-sizing:border-box;}
.downloadBtn > i{font-size:20px; color:#FF787E;}
.mob-list-classify{position:absolute;bottom:7px;right:-10px;width:80px;height:24px;line-height:23px;text-align:center;color:#666666;font-size:12px;border-radius:12px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.min-img{width:390px;min-height:120px;display:flex; /*justify-content:center;align-items:center;*/ max-height:620px;overflow:hidden;}
.min-img > img{max-width:390px;vertical-align:middle;border-radius:10px; background:#E7E7E7;}
.min-img .splitters{position:absolute;bottom:38px;width:100%;text-align:center;}
.min-img .splitters span{position:unset;font-size:12px;color:#FFFFFF;text-shadow:0px 1px 2px #000000;}
.min-img .splitters img{width:100%;}
/*分页*/
.paging{padding-top:3px;box-sizing:border-box;height:105px;}
.paging ul{margin:0 auto;max-width:672px;}
.paging ul li{float:left;width:50px;height:50px;background:#FFFFFF;text-align:center;line-height:50px;box-sizing:border-box;border:1px solid #EEEEEE;margin:0 9px;}
.paging ul li a{display:block;width:100%;height:100%;}
.paging ul .toppage-on{background:#FD997B;
    background:-moz-linear-gradient(-45deg, #FD997B 0%, #F25B4A 100%);
    background:-webkit-linear-gradient(-45deg, #FD997B 0%, #F25B4A 100%);
    background:linear-gradient(135deg, #FD997B 0%, #F25B4A 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd997b', endColorstr='#f25b4a', GradientType=1);}
.paging ul .toppage-on a{color:#FFFFFF;}
.paging .toppage, .paging .botpage{width:80px;height:50px;}
.paging.toppage a, .paging .botpage a{display:block;width:100%;height:100%;}
/*弹窗*/
.pop-bg{display:none;z-index:100;position:fixed;width:100%;height:100%;top:0;left:0;background:url(https://s.tuguaishou.com/index_img/search-img/pop-bg.png);}
.custom-pop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;z-index:100;width:500px;height:291px;border-radius:4px;background:#FFFFFF;text-align:center;font-size:21px;}
.cus-close{position:absolute; top:7px; right:-58px; background:url(//s.tuguaishou.com/index_img/search-img/fk-del.png) 0 0 no-repeat; width:34px; height:34px; cursor:pointer;}
.cus-close:after{content:''; display:block; width:24px; height:2px; position:absolute; top:16px; left:-24px; background:#FEF7EA;}
.cus-close:hover{background:url(//s.tuguaishou.com/index_img/search-img/fk-delhv.png) 0 0 no-repeat;}
.custom-pop > h3{font-size:22px;color:#F25B4A;height:115px;line-height:115px;}
.custom-pop > input{width:110px;height:42px;color:#666666;font-size:16px;text-align:center;line-height:42px;background:#F4F4F4;box-sizing:border-box;padding:0 10px;border-radius:4px;margin:0 1px;}
.custom-pop > input::-webkit-input-placeholder{ /* WebKit browsers */　color:#999999;}
.custom-pop > input:-moz-placeholder{color:#999999;}
.custom-pop > input::-moz-placeholder{color:#999999;}
.custom-pop > input:-ms-input-placeholder{color:#999999;}
.px-select{cursor:pointer;display:inline-block;vertical-align:top;background:#F4F4F4;color:#999999;width:80px;height:42px;line-height:37px;box-sizing:border-box;border-radius:4px;border:1px solid #DBD9D9;position:relative;font-size:16px;margin-left:16px;}
.px-select > i.iconfont{margin-left:8px;color:#999999;vertical-align:-1px;}
.px-select > ul{display:none;width:100%;border:1px solid #DBD9D9;background:#F4F4F4;border-radius:4px;position:absolute;top:41px;left:-1px;}
.px-select > ul > li{height:29px;line-height:27px;text-align:left;text-indent:22px;}
.px-select > ul > li:hover{color:#F25B4A;}
.custom-pop > p{height:45px;line-height:45px;font-size:14px;color:#FF0000;}
.custom-pop > p > span{display:none;}
.custom-pop > a{display:inline-block;color:#FFFFFF;font-size:16px;font-weight:900;height:42px;width:180px;border-radius:21px;text-align:center;line-height:42px;
    background:#FD7147;
    background:-moz-linear-gradient(top, #FD7147 0%, #F65E30 42%);
    background:-webkit-linear-gradient(top, #FD7147 0%, #F65E30 42%);
    background:linear-gradient(to bottom, #FD7147 0%, #F65E30 42%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd7147', endColorstr='#f65e30', GradientType=0);}
.custom-pop > a:hover{opacity:0.9;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;}
input[type="number"]{-moz-appearance:textfield;}
/* color seach */
.select-color{
    float:right;
    padding:11px 25px 10px 0px;
    height:18px;
}
.select-color span{
    float:left;;
    font-size:12px;
    color:#444444;
    line-height:18px;
    margin-right:24px;
}
.select-color span i{
    color:#FF787E;
    font-style:normal;
}
.select-color ul{
    display:inline-block;
}
.select-color ul li{
    float:left;
    height:16px;
    width:24px;
    margin:0 5px;
    border:1px solid #EAECF3;
}
.select-color ul li a{
    width: 100%;
    height: 100%;
    display: block;
}
.nav-sort-box .select-color{
    margin-top: 10px;
    padding: 8px 25px 6px 0px;
}
#colorSelector{
    cursor:pointer;
}
#colorSelector i{
    display:block;
    text-align:center;
    color:#000000;
}
/*content*/

.content{
    /* box-shadow: inset 0 5px 10px #f2f2f2; */
}
.content > p{
    padding:36px 0 17px 0px;
    font-size:13.34px;
}

.content > p#crumbs{
    border-bottom:1px solid #EEEEEE;
    margin-bottom:14px;
}
.content a{
    color:#666666;;
    font-size:14px;
}
.navig-list1 li{
    float:left;
    width:200px;
    height:46px;
}
.navig-list1 li > a{
    text-align:center;
    line-height:50px;
    width:100%;
    height:100%;
    font-size:14px;
    display:block;
    color:#666666;
    font-weight:bold;
}
.navig-list1 li > a > span{
    font-size:14px;
    color:#B1ACAC;
    font-weight:400;
}
.navig-list1 .navig-color1 > a, .navig-list1 .navig-color1 > a > span{
    color:#FFFFFF;
}
.navig-list1{
    height:46px;
    width:1218px;
}
.navig-line{
    width:100%;
    border-bottom:1px solid #FF787E;
}
.navig-list1 li.navig-color1{
    background:#FF787E;
    border-radius:4px 4px 0 0;
}
.navig-list2{
    line-height:31px;
    border-top:1px dashed #E1E1E1;
    font-size:14px;
    color:#999999;
    padding:5px 0 0 0;
}
.list-berno{
    border:none;
}
.navig-list2 > span{
    display:block;
    padding:0 32px;
    height:43px;
    line-height:43px;
    font-weight:bold;
    color:#666666;
    font-size:14px;
}
.navig-list2 > a{
    color:#666666;
    display:block;
    /*padding: 0 15px;*/
    width:62px;
    height:24px;
    line-height:24px;
    text-align:center;
    border:1px solid rgba(200, 200, 200, 1);
    margin-top:8px;
}
.navig-list2 > a:hover{
    color:#F25B4A;
}
.navig-list2 > ul{
    width:100%;
}
.navig-list2 > ul li{
    float:left;
    height:30px;
    line-height:33px;
    margin:0px 14px 0 5px ;
}
/*.navig-list2 > ul li.choose a:hover{*/
/*    color:#FFFFFF;*/
/*}*/
.navig-list2 > ul li a:hover{
    color:#FF575E;
    line-height:26px;
    height:26px;
    display:inline-block;
}
.navig-list2 > ul li a span{
    padding:0px 6px;
    color:#989898;
    background-color:#EDEDED;
    border-radius:4px;font-size:12px;
    margin-left:4px;
}
.navig-list2 > ul li a:hover span{
    background:rgba(210, 35, 43, 0.5);
    color:#FFFFFF;
    border-radius:4px;
}
.navig-list2 li .navi-liston{
    color:#202020;
}
.navig-list2 > ul a{
    padding:0 10px;
    color:#202020;
}
.navig-list2 > ul a.hide{
    display:none;
}
.showMoreKind2{
    cursor:pointer;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
.navig-list2 > ul .navi-liston-act, .navig-list2 > ul .choose a{
    line-height:26px;
    height:26px;
    display:inline-block;
    background-color:rgba(255, 120, 126, 0.18);
    color:#FF575E;
    border-radius:8px;
    /*color:#FF787E;*/
}

.navig-list2 > ul .navi-liston-act span, .navig-list2 > ul .choose a span{
    background:rgba(210, 35, 43, 0.5);
    border-radius:4px;
    color:#FFFFFF;
}
.navig-list2 > ul .navi-liston-act:hover{
    background-color:#FF787E;
    color:#FFFFFF;
}
.navig-list2 > ul .navi-liston-act:hover{
    background-color:#FF787E;
    color:#FFFFFF;
}
.navig-list2 > ul .navi-liston-act{
    line-height:26px;
    height:26px;
    display:inline-block;
    background-color:#FF787E;
    color:#FFFFFF;
    border-radius:4px;
}
.nav-sort{
    /*background:#FFFFFF;*/
    margin:10px auto 0px auto;
    /*background:rgba(255, 255, 255, 1);*/
    /*box-shadow:0 2px 3px rgba(152, 152, 152, 0.15);*/
    float:left;
    font-size:12px;
}
.copyright_check{
    float:right;
    /* background: rgba(255, 255, 255, 1); */
    /* box-shadow: 0 2px 3px rgba(152, 152, 152, 0.15); */
    width:90px;
    height:32px;
    /* margin: 25px auto; */
    font-size:14px;
    color:#666666;
    line-height:32px;
    /* text-align: center; */
}
.copyright_check .iconfont{
    font-size:14px;
}
.copyright_check:hover a, .copyright_check.checked a{
    color:#FF787E;
}
.copyright_check a{
    display:block;
    width:100%;
    height:100%;
    color:#666666;
}
.choose_ratio{
    width:60px;
    cursor:pointer;
}
.nav-sort .copyright_check a{
    padding:0px;
}
.navig-list2 > ul.hide_more{
    height:40px;
    overflow:hidden;
}
.Pinterest-li .fl strong{
    font-weight:400;
}
.nav-sort-box .nav-sort li{
    height:32px;
    float:left;
}
.nav-sort a{
    display:block;
    padding:0 20px;
    height:100%;
    color:#202020;
    line-height:32px;
    font-size:14px;
}

.nav-sort li:first-child a{
    padding-left:0px;
}
#more_filter .more_filter_piece:last-child{
    padding-right:0px;
}

.nav-sort .nav-sprtno a{
    color:#FF787E;
}
.recommend{
}
.recommend-title{
    margin:35px 0 25px;
    text-align:center;
    font-size:16px;
    color:#666666;
}
.recommend-title span{
    color:#FF6633;
}
/*横向瀑布流 */
.Pinterest-list{overflow:hidden;}
.Pinterest-list .Pinterest-li{float:left; margin:0 15px 30px;box-sizing:content-box; overflow:hidden; position:relative; box-shadow:0px 6px 5px #888888;background:#EEEEEE url(../img/loadimg.png) no-repeat center center;}
.Pinterest-list .Pinterest-li img{width:100%; height:100%; vertical-align:top;}
.Pinterest-list .Pinterest-li:hover .Pinterest-li-btn{top:13px;}
.Pinterest-list .Pinterest-li-btn{position:absolute;top:-42px;right:19px;width:140px;height:42px;text-align:center;line-height:42px;background:#FF6633;border-radius:4px;color:#FFFFFF;font-size:16px;transition:all 0.3s;}
.Pinterest-list .Pinterest-li-btn:hover{background:#FF7A4E;}
.Pinterest-list .Pinterest-li-title{position:absolute;left:0;bottom:-40px;height:40px;line-height:40px;background:rgba(0, 0, 0, .5);padding:0 15px;color:#FFFFFF;font-size:14px;width:100%;box-sizing:border-box;overflow:hidden;transition:bottom 0.3s;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.Pinterest-list .Pinterest-li:hover .Pinterest-li-title{bottom:0;}
.paging ul li{ font-size:13px; }
.pagination li a:hover{ background:linear-gradient(135deg, #FD997B 0%, #F25B4A 100%); color:white; }
#masonry{ height:800px; }
.nav-zdy{ float:right; margin-top:-41px; }
.nav-a-zdy{ display:block; border:1px solid red; color:red; font-size:16px; }
.nav-a-zdy:hover{ color:#FFFFFF; background-color:#F46750; }
.pop-bg{ display:none; z-index:100; position:fixed; width:100%; height:100%; top:0; left:0; background:url(https://s.tuguaishou.com/index_img/pop-bg.png); }
.top-btn{ visibility:hidden; opacity:0; position:absolute; top:0; right:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; height:auto; background-color:rgba(0, 0, 0, 0.5); bottom:40px; left:0; border-radius:4px 4px 0 0; }
.top-btn .downlimit{ border:1px solid #CCCCCC; background-color:#FFFFFF; }
.top-btn .downlimit-i{ background-color:#FFFFFF; color:#666666; }
#masonry .shouc-btn, #masonry .downloadBtn{ width:28px; height:28px; line-height:28px; margin:10px 0 0 10px; z-index:1; position:relative;}
#masonry .downloadBtn{ margin-left:12px; }
#masonry .shouc-btn > i, #masonry .downloadBtn > i{ font-size:18px; }
#masonry .top-btn .shej-btn{ width:28px; height:28px; font-size:12px;color:#999999; line-height:28px; margin:10px 10px 0 0;z-index:1; position:relative; }
#masonry .online-edit{
    /*display:block;width:70%; max-width:195px;height:46px;line-height:46px;color:#FFFFFF;background:linear-gradient(135deg, rgba(255, 84, 84, 1), rgba(255, 111, 131, 1), rgba(255, 125, 156, 1));border-radius:4px;position:absolute; bottom:35px;margin:0 auto;left:0;right:0;*/
    display:block;
    width:50%;
    max-width:135px;
    height:30px;
    line-height:30px;
    color:#FFFFFF;
    background:linear-gradient(135deg, rgba(255, 84, 84, 1), rgba(255, 111, 131, 1), rgba(255, 125, 156, 1));
    border-radius:15px;
    position:absolute;
    bottom:35px;
    margin:0 auto;
    top:10px;
    right:10px;
    font-size:12px;

}
#masonry .online-edit .iconfont{margin-right:5px;}
.copyright-box{ visibility:visible; opacity:1; height:0; position:absolute; bottom:88px; left:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
.copyright-box .copyrightBtn{ width:29px; height:29px; line-height:29px; position:absolute; left:10px; background:rgba(0, 0, 0, 0.30); border-radius:4px; display:none; }
.copyright-box .copyrightBtn .iconfont{ font-size:26px; color:#F2F2F2; }
.copyrightBtn:hover .copyrightBtn_tip_box{ display:block; }
.copyrightBtn .copyrightBtn_tip_box{ display:none; padding-left:11px; width:130px; height:34px; position:relative; left:27px; bottom:38px; }
.copyrightBtn .copyrightBtn_tip{ display:block; height:100%; width:100%; background:#FFFFFF; box-shadow:0 2px 4px 0 rgba(159, 159, 159, 0.50); border-radius:2px; font-size:10px; color:#666666; line-height:33px; }
.copyrightBtn .copyrightBtn_tip .iconfont{ font-size:16px; color:#666666; }
.copyrightBtn .copyrightBtn_tip:hover .iconfont{ color:#FF787E; }
.copyrightBtn .copyrightBtn_tip:hover{ color:#FF787E; }
.bancont-left div{ height:100%; width:781px; background:url(//s.tuguaishou.com/index_img/bj-bg.png) 50px 70px no-repeat; }
.top-btn{ visibility:hidden; opacity:0; height:0; position:absolute; top:0; right:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
.top-btn .downlimit{ border:1px solid #CCCCCC; background-color:#FFFFFF; }
.top-btn .downlimit-i{ background-color:#FFFFFF; color:#666666; }
.paging ul li{ font-size:13px; }
.pagination li a:hover{ background:linear-gradient(135deg, #FD997B 0%, #F25B4A 100%); color:white; }
.nav-zdy{ float:right; margin-top:-41px; }
.nav-a-zdy{ display:block; border:1px solid #FF787E; color:#FF787E; font-size:16px; border-radius:2px; }
.nav-a-zdy:hover{ color:#FFFFFF; background-color:#FF787E; }
.top-btn{ visibility:hidden; opacity:0; position:absolute; top:0; right:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; height:auto;
    background-color:rgba(0, 0, 0, 0.5);
    bottom:40px;
    left:0;
    border-radius:10px; }
.top-btn .downlimit{ border:1px solid #CCCCCC; background-color:#FFFFFF; }
.top-btn .downlimit-i{ background-color:#FFFFFF; color:#666666; }
.content-mob-list .shouc-btn, .content-mob-list .xiaz-btn{ width:34px; height:34px; line-height:34px; margin:18px 0 0 18px; }
.content-mob-list .xiaz-btn{ margin-left:12px; }
.content-mob-list .shouc-btn > i, .content-mob-list .xiaz-btn > i{ font-size:18px; }
.content-mob-list .top-btn .shej-btn{ width:80px; height:34px; font-size:12px; color:#FFFFFF; line-height:34px; margin:18px 18px 0 0; }
#masonry .albumBtn{ border:1px solid #F21B1B; float:left; margin-left:10px; width:34px; height:34px; line-height:34px; border-radius:4px; background:rgb(252, 125, 133); box-sizing:border-box; color:#FFFFFF; margin-top:18px; }
.album_sideBar{ position:fixed; width:250px; background:#FFFFFF; box-shadow:-2px 0 3px 0 rgba(235, 235, 235, 0.58); height:88%; padding-top:120px; right:-250px; margin-top:2px; top:0; transition:top 0.6s; z-index:9; overflow-x:scroll; }
.album_sideBar .biaoti{ display:block; padding:0 10px; color:#666666; }
.album_sideBar .button:hover{ /* background-image: linear-gradient(-1000deg, #EF6C5F 0%, #FF97B0 100%); */ background-image:linear-gradient(-1000deg, #FF4747 0%, #FF787E 50%, #FF99B2 100%); color:#FFFFFF; opacity:1; }
.album_sideBar .button{ display:block; max-width:100%; height:40px; padding-left:52px; color:#666666; font-size:14px; line-height:40px; }
.album_sideBar .sideBar_kid{ height:90%; overflow-x:hidden; overflow-y:scroll; }
.navi{ position:fixed; top:0; left:0; z-index:10; }
.banner{ margin-top:80px; }
.box{ width:280px;margin:0 25px 26px 0;position:relative; }
.box:nth-child(4n){
    margin:0 0px 26px 0;
}
.min-img{ width:280px; }
.box p{ width:220px; text-overflow:ellipsis; white-space:nowrap; color:#666666; letter-spacing:0.4px; }
.box .top-btn .detail{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    cursor:pointer;
}
#none{width:250px;font-size:14px;color:#666666;margin:0 auto;margin-bottom:200px;}
#none div{ text-align:left;}
#none span{color:#FF787E;}
#masonry .page-corner-mark-box{
    position:absolute !important;
    background:none !important;
    width:40px;
    height:40px;
    bottom:41px !important;
    right:-1px !important;
    overflow:hidden;
    border-radius:0 0 10px 0;
}
#masonry .page-corner-mark{
    position:unset !important;
    background:none !important;
    width:0 !important;
    height:0 !important;
    border-bottom:40px solid rgba(0, 0, 0, 0.6) !important;
    border-left:40px solid transparent !important;
    bottom:unset !important;
    right:unset !important;
}
#masonry .page-corner-mark .page-num{
    position:absolute !important;
    right:1px !important;
    color:#FFFFFF !important;
    font-size:14px !important;
    top:20px !important;
}
/*#search_top{*/
/*display:inline-block;*/
/*}*/
#search_top .hider-seek{
    display:block;
}
.iconfont.upside-down{
    transform:rotate(-180deg);
    display:inline-block;
}
.navig-list1 li{
    width:auto;
    padding:0 13px;
}
.navig-list1 li a span{
    display:none;
}
.navig-list1 li.navig-color1 a span{
    display:inline-block;
}
.navig-list1 li > a > span{
    font-size:12px;
}
.navig-list2 > ul li.unClick{
    display:none;
}
/*@media screen and (max-width:1745px){*/
/*#search_top .hider-seek{*/
/*width:470px;*/
/*}*/
/*#search_top .box-text{*/
/*width:470px;*/
/*}*/
/*}*/
/*@media screen and (max-width:1590px){*/
/*#search_top .hider-seek{*/
/*width:300px;*/
/*left:10px;*/
/*top:20px;*/
/*}*/
/*#search_top .box-text{*/
/*width:300px;*/
/*height:40px;*/
/*line-height:40px;*/
/*}*/
/*#search_top .seek-head-select{*/
/*height:40px;*/
/*line-height:40px;*/
/*}*/
/*#search_top .seek-head-select:after{*/
/*top:10px;*/
/*}*/
/*#search_top .box-btn{*/
/*height:40px;*/
/*line-height:40px;*/
/*width:70px;*/
/*}*/
/*#search_top .box-btn .iconfont{*/
/*font-size:20px;*/
/*}*/
/*}*/

.hider-seek{
    left:unset;
}
#similarWords{border:1px #FF787E dashed;margin-bottom:25px;}
#similarWords .similarWords_box{color:#333333;font-weight:bold;padding:5px 5px 5px 28px;font-size:14px;}
#similarWords .similarWords_box a{color:#666666;font-size:12px;padding:0px 5px;font-weight:normal}
/**20181106***/
#search_top{
    padding-top:20px;
    background-color:#FDFDFD;
}
#class-box{
    border-bottom:1px solid #EEEEEE;
}
#class-box > #class-box-list1, #color-class-box-list{
    position:relative;
    padding:6px 0px 0 0;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    border-radius:4px;
}
#class-box > #class-box-list1 > .title-name, #color-class-box-list > .title-name{
    font-size:14px;
    font-weight:400;
    color:#666666;
    display:block;
    float:left;
    margin-top:6px;
    /*position:absolute;*/
    /*top:5px;*/
    /*left:8px;*/
    /*padding:20px;*/
}
#class-box > #class-box-list1 > .small-box, #color-class-box-list > .small-box{
    display:inline-block;
    width:90%;
}
#class-box > #class-box-list1 > .oneline, #color-class-box-list > .oneline{
    height:36px;
}

#class-box > #class-box-list2 > .small-box{
    display:inline-block;
    width:90%;
}
#class-box > #class-box-list2 > .show_more_box{
    height:40px;
    line-height:40px;
    padding:3px 0 0 0;
}
#class-box > #class-box-list1 a, #color-class-box-list a{
    float:left;
    height:26px;
    line-height:26px;
    text-align:center;
    padding:0 13px;
    color:#202020;
    font-size:14px;
    margin:2px 8px 2px 5px;
}
#class-box > #class-box-list1 a:hover, #color-class-box-list a:hover{
    color:#FF575E;
}
#class-box > #class-box-list1 a span, #color-class-box-list a span{
    padding:0px 6px;
    color:#989898;
    background-color:#EDEDED;
    border-radius:4px;
    font-size:12px;
    margin-left:4px;
}
#class-box > #class-box-list1 a:hover span, #color-class-box-list a:hover span{
    background:rgba(210, 35, 43, 0.5);
    color:#FFFFFF;
    border-radius:4px;
}
#class-box > #class-box-list1 a.on, #color-class-box-list a.on{
    background:rgba(255, 120, 126, 0.18);
    border-radius:8px;
    color:#FF575E;
}
#class-box > #class-box-list1 a.on > span, #color-class-box-list a.on > span{
    display:inline-block;
}
#class-box > #class-box-list2{
    position:relative;
    padding:0 0px 4px 0px;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#class-box > #class-box-list2:last-child{
    padding-bottom:12px;
}
#class-box > #class-box-list2.bgw{
    background-color:transparent;
    border-radius:4px 4px 0px 0px;
}
.nav-sort-box{
    padding-bottom:10px;
}
.nav-sort-box.bgw{
    background-color:transparent;
    border-radius:0 0 4px 4px;
}
#class-box > #class-box-list2 > .title-name{
    font-size:14px;
    font-weight:400;
    color:#666666;
    display:block;
    float:left;
    margin-top:12px;
    margin-right:2px;
}
#more_filter{
    float:right;
    font-size:14px;
    color:#202020;
    line-height:32px;
    cursor:pointer;
    margin-top: 10px;
}
#more_filter .more_filter_piece{
    position:relative;
    display:inline-block;
    padding:0px 20px;
}
#more_filter .more_filter_piece .more_filter_piece_box{
    position:absolute;
    z-index:1;
    background-color:#FFFFFF;
    box-shadow:0px 3px 10px 0px rgba(36, 36, 36, 0.05);
    border-radius:4px;
    overflow:hidden;
    left:-22px;
    display:none;
}
#more_filter .more_filter_piece .more_filter_piece_box.more_filter_piece_tag{
    width:202px;
    left:-66px;
}
#more_filter .more_filter_piece .more_filter_piece_box.more_filter_piece_tag a{
    width:50%;
    float:left;
}
#more_filter .more_filter_piece .more_filter_piece_box a.all-tag{
    width:100%;
    border-bottom:1px solid #E3E3E3;
}
#more_filter .more_filter_piece:hover .more_filter_piece_box{
    display:block;
    padding-bottom:5px;
}
#more_filter .more_filter_piece .more_filter_piece_box a{
    padding:0px;
    width:114px;
    text-align:center;
    line-height:30px;
    height:30px;
    white-space:nowrap;
}
#more_filter .more_filter_piece .more_filter_piece_format a{
    width: 100%;
    display: inline-block;
}
#more_filter .more_filter_piece .more_filter_piece_box a.on{
    color:#FF787E;
}
#more_filter .more_filter_piece .more_filter_piece_box a.on:hover{
    color:#666666;
}
#more_filter .more_filter_piece .more_filter_piece_box a:hover{
    color:#FF787E;
}
#more_filter .more_filter_piece .more_filter_piece_box.more_filter_piece_size{ left:-58px;}
#more_filter .more_filter_piece .more_filter_piece_box.more_filter_piece_size a{
    width:184px;
}
#crumbs .close-box{
    display:inline-block;
    border:1px solid #FF787E;
    color:#FF787E;
    padding:2px 22px 2px 4px;
    font-size:14px;
    position:relative;
    font-weight:bold;
}
#crumbs .close-box .iconfont{
    color:#FF787E;
}
#crumbs .close-box .close-btn{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:18px;
    line-height:22px;
    text-align:center;
}
#crumbs .close-box .close-btn .iconfont{
    font-size:9px;
}
#crumbs .close-box .close-btn:hover{
    background-color:#FF787E;
    color:#FFFFFF;
    cursor:pointer;
}
#crumbs .close-box .close-btn:hover .iconfont{
    color:#FFFFFF;
    cursor:pointer;
}
/***20181106**/
.bottom_recommend{
    margin-bottom:40px;
}
.bottom_recommend p:nth-child(2) a{
    margin-right:10px;
}
.bottom_recommend p{
    margin-top:0;
    font-size:14px;
    color:#D8D7D7;
    font-family:Microsoft YaHei;
}
.bottom_recommend p a{
    color:#D8D7D7;
}
.bottom_recommend p:first-child{
    margin-top:0px;
    text-align: justify;
    text-indent: 28px;
}
.content .search-crumbs{
    font-size: 13.34px;
    padding: 36px 0 17px 0px;
}
.content h1{
    padding:0;
    display: inline;
    font-size: 13.34px;
    letter-spacing:0px;
}
.bottom_recommend p:nth-child(2){
    margin-top:6px;
    line-height:26px;
}
#masonry .top-btn .shej-btn{
    margin:10px 0px 0 10px;
    text-align:center;
}

.templ_xcx_code{
    width:122px;
    font-size:14px;
    font-weight:400;
    color:rgba(255, 255, 255, 1);
    line-height:32px;
    top:18px;
    right:0px;
    float:right;
    display:block;
    position:relative;
    z-index:2;
}
.templ_xcx_code .templ_xcx_code_show:before{
    display:block;
    content:'';
    position:absolute;
    width:15px;
    height:15px;
    transform:rotate(-135deg);
    right:50px;
    top:28px;
    background:#FFFFFF;
}
.templ_xcx_code .templ_xcx_code_show{
    padding-top:8px;
    width:122px;
    height:150px;
    background-color:#FFFFFF;
    font-size:12px;
    color:#000000;
    text-align:center;
    line-height:18px;
    display:none;
}
.templ_xcx_code:hover .templ_xcx_code_show{
    display:block;
}
.templ_xcx_code .templ_xcx_code_show img{
    margin-top:8px;
    width:100px;
    height:100px;
}


.box.album{width:238px;height:220px;background:rgba(255, 255, 255, 1);border:1px solid rgba(178, 178, 178, 1);border-radius:4px;padding:20px;position:relative;box-shadow:unset;}
.box.album a{width:100%;height:100%;position:absolute;top:0px;bottom:0px;left:0px;right:0px;z-index:1;}
.box.album img{width:240px;border-radius:4px;}
.box.album .title{position:absolute;bottom:20px;left:20px;font-size:16px;font-weight:500;color:rgba(46, 46, 46, 1);line-height:25px;width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;z-index:0}
.box.album .title .sign{padding:2px 10px;border:1px solid rgba(89, 21, 144, 1);border-radius:4px;font-size:14px;font-weight:bold;color:rgba(89, 21, 144, 1);line-height:25px;margin-right:5px;}
.box.album .img-box{position:relative;width:fit-content;width:-moz-fit-content;}
.box.album .img-box .count{position:absolute;bottom:4px;right:0px;display:block;background:rgba(0, 0, 0, 0.7);border-radius:4px;padding:0px 9px;font-size:12px;font-weight:400;color:rgba(255, 255, 255, 1);line-height:25px;}
.box.album .title{position:absolute;bottom:20px;left:20px;font-size:16px;font-weight:500;color:rgba(46, 46, 46, 1);line-height:25px;width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;z-index:0}

#masonry .Pinterest-li2.box:hover .top-btn{background-color:unset;}
#masonry .Pinterest-li2.box .online-edit{margin:unset;bottom:unset;left:unset;top:10px;right:11px;width:135px;height:30px;line-height:30px;background:linear-gradient(90deg, rgba(234, 98, 93, 1), rgba(236, 130, 150, 1));border-radius:15px;font-size:12px;}
#masonry .Pinterest-li2.box .online-edit .iconfont{margin-right:10px;}
#masonry .Pinterest-li2.box .shouc-btn{margin:10px 0 0 10px;}
#masonry .Pinterest-li2.box .top-btn .shej-btn{margin:10px 0px 0 10px;}
.container-fluid{
    width:1250px;
}
.box{
    margin-right:30px;
}
.box p{
    width:95%;
}
.min-img{
    min-height:60px;
    border:1px solid rgba(236, 236, 236, 1);
    border-radius:10px;
}
#masonry .Pinterest-li2.box .online-edit{
    max-width:135px;
    width:40%;
}
.statement{
    text-align:left;
    font-size:14px;
    font-weight:400;
    color:rgba(102, 102, 102, 1);
    line-height:24px;
    margin-bottom:60px;
}
.firm-intro{
    width:120px;
    height:30px;
    background:linear-gradient(141deg, rgba(109, 109, 109, 1) 0%, rgba(17, 17, 17, 1) 100%);
    border-radius:4px;
    border:1px solid rgba(222, 197, 145, 1);
    line-height:30px;
    font-size:12px;
    font-weight:400;
    color:rgba(222, 197, 145, 1);
    text-align:center;
    display:inline-block;
    margin-left:30px;
}
.firm-intro img{
    vertical-align:-6px;
}
.nav-sort a.go-firm{
    display:inline-block;
    font-size:14px;
    font-weight:400;
    color:rgba(83, 147, 241, 1);
    line-height:20px;
    padding:0 10px;
}
#more_filter .more_filter_piece .more_filter_piece_box{
    z-index:2;
}

.oneline{
    height:38px;
    overflow:hidden;
}
.show_more_box{
    float:right;
    font-size:14px;
    color:rgba(46, 46, 46, 1);
    display:none;
    cursor:pointer;
    height:30px;
    line-height:30px;
}
.overturn{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    display:inline-block;
}

/*@media screen and (min-width:1900px){*/
/*    .screen-adapter{*/
/*        width:1500px !important;*/
/*    }*/

/*    .screen-adapter .container-fluid{*/
/*        width:1550px !important;*/
/*    }*/
/*}*/

#masonry .box .copyrightBtn_tip_box{
    display:inline-block;
    cursor:pointer;
    width:45px;
    height:20px;
    line-height:20px;
    /*background:#37BD4B;*/
    border-radius:5px;
    font-size:14px;
    font-weight:400;
    color:#37BD4B;
    text-align:center;
    margin-right:5px;
    position:relative;
    float:left;
    margin-top:11px;
}
#masonry .box .copyrightBtn_tip_box:hover .copyrightBtn_tip{
    display:inline-block;
}
#masonry .box .copyrightBtn_tip_box .copyrightBtn_tip{
    display:none;
    background:#FFFFFF;
    box-shadow:0 2px 4px 0 rgba(159, 159, 159, 0.50);
    border-radius:2px;
    font-size:10px;
    color:#666666;
    line-height:33px;
    padding-left:4px;
    width:130px;
    height:34px;
    position:absolute;
    left:0px;
    bottom:21px;
}
#masonry .box .open-detail{
    display:inline-block;
    margin:0 0px 20px 0;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:180px;
    max-width:80%;
    overflow:hidden;
}

@media screen and (max-width:1300px){
    .screen-adapter{
        width:950px !important;
    }

    .banxin.screen-adapter{
        width:1000px !important;
    }

    .screen-adapter .container-fluid{
        width:1000px !important;
    }

    .paging.screen-adapter{
        width:550px !important;
    }

    .nav-lists > li:hover .nav-pulldown-bg{
        left:0;
        -webkit-transform:translate(-40%, 0);
        -moz-transform:translate(-40%, 0);
        -ms-transform:translate(-40%, 0);
        -o-transform:translate(-40%, 0);
        transform:translate(-40%, 0);
    }
}

@media screen and (max-width:1200px){
    .screen-adapter{
        width:950px !important;
    }

    .banxin.screen-adapter{
        width:750px !important;
    }

    .screen-adapter .container-fluid{
        width:750px !important;
    }

    .paging.screen-adapter{
        width:550px !important;
    }

    .nav{
        min-width:1000px !important;
    }

    .nav-lists > li:hover .nav-pulldown-bg{
        left:0;
        -webkit-transform:translate(-20%, 0);
        -moz-transform:translate(-20%, 0);
        -ms-transform:translate(-20%, 0);
        -o-transform:translate(-20%, 0);
        transform:translate(-20%, 0);
    }
}
.top-btn{
    border:1px solid rgba(236, 236, 236, 1);
    background:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.1) 15%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0.2) 95%, rgba(0, 0, 0, 0.4) 100%);
}

/*颜色搜索*/
.color-content{
    background:#FFFFFF;
}
.color-content > p{
    padding-top:10px;
    font-size:14px;
    color:#202020;
}
.setting-color{
    margin-top:60px;
    padding:31px 0 0px;
    background:#FFFFFF;
}
.setting-color.color-fixed{
    position:fixed;
    width:100%;
    margin-top:1px;
    padding-top:10px;
    z-index:9;
}
#class-box.color-fixed{
    margin-top:128px;
}
.color-search-box{
    position:relative;
    margin-left:10px;
}
#color-search-input{
    background:#EEEEEE;
    border-radius:13px;
    min-width:168px;
    height:26px;
    padding:0 31px 0 21px;
}
#color-search-btn{
    position:absolute;
    right:15px;
    top:0px;
    background:#EEEEEE;
    height:14px;
    width:14px;
    padding:2px;
    cursor:pointer;
}
.color-body{
    background-color:#FFFFFF;
    position:relative
}

.match-colors ol{
    width:100%;
    height:57px;
    -webkit-border-radius:5px;
    border-radius:5px;
    overflow:hidden;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    border:1px solid #D7D7D7;
}

.match-colors ol li{
    float:left;
    width:100%;
    height:100%;
    background-color:#C67D53
}

.match-colors .color-controls{
    position:relative;
    height:100%
}

.color-controls b{
    color:#FFFFFF;
    margin-left:18px;
    height:26px;
    line-height:26px;
    display:block;
    cursor:pointer;
    text-shadow:0 0 4px rgba(0, 0, 0, .5);
    padding-top:4px;
}

.color-controls i{
    color:#FFFFFF;
    margin-left:18px;
    font-size:14px;
    display:block;
    cursor:pointer;
    text-shadow:0 0 4px rgba(0, 0, 0, .5);
    font-style:normal
}

.color-controls .remove-btn{
    display:inline-block;
    color:#FFFFFF;
    padding:4px;
    position:absolute;
    height:auto;
    top:2px;
    right:10px
}

.color-controls .remove-btn i{
    font-size:12px;
    width:22px;
    height:22px;
    background:rgba(0, 0, 0, .3);
    -webkit-border-radius:50%;
    border-radius:50%;
    display:block;
    text-align:center;
    line-height:22px;
    margin-left:0;
    padding-top:0
}

.color-controls .custom-btn i{
    font-size:12px;
    width:22px;
    height:22px;
    background:rgba(0, 0, 0, .3);
    -webkit-border-radius:50%;
    border-radius:50%;
    display:block;
    text-align:center;
    line-height:22px;
    margin-left:0;
    padding-top:0;
}

.color-controls span.separator{
    width:29px;
    height:59px;
    background:url(//icon.qiantucdn.com/static/images/search/removebtn.png);
    position:absolute;
    left:-13px;
    top:-1px;
    margin:0;
    cursor:col-resize;
}

.match-colors ol li:first-child .color-controls span.separator{
    display:none;
}

.color-controls .custom-btn{
    display:inline-block;
    color:#FFFFFF;
    padding:4px;
    position:absolute;
    bottom:2px;
    right:10px
}

.color-controls .custom-btn svg{
    font-size:18px;
    width:32px;
    height:32px;
    background:rgba(0, 0, 0, .1);
    -webkit-border-radius:50%;
    border-radius:50%;
    display:block;
    text-align:center;
    line-height:32px;
    margin-left:0;
    padding:4px
}

.search .all-classify{
    padding-left:0
}

.search .all-classify:last-of-type{
    padding-bottom:0
}

.search .crumbs-labels{
    padding-left:0
}

.color-box{
    -webkit-border-radius:5px;
    border-radius:5px
}

.search .color-body{
    border-bottom:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding-top:30px
}

.color-wrap{
    padding-top:0
}

.del-all-block{
    float:left;
    height:26px;
    line-height:26px;
    margin-right:10px;
    text-align:center;
    cursor:pointer;
    background-color:#ACACAC;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    font-size:12px;
    color:#FFFFFF;
    padding:0 6px;
}

.del-all-block i{
    color:#FFFFFF;
    font-size:14px
}

.del-all-block .icon-guanbi:hover{
    color:#00BE6E
}

.color-box{
    margin-top:24px
}

.tip{
    float:left;
    height:24px;
    line-height:24px;
    font-size:14px;
    color:#666666;
    margin-left:20px;
    letter-spacing:1px
}

.usuallycolor{
    float:left
}

.usuallycolor .color-block{
    float:left;
    width:36px;
    height:24px;
    line-height:24px;
    text-align:center;
    cursor:pointer;
    position:relative
}

.usuallycolor .color-block i{
    display:none;
    font-size:14px;
    color:#FFFFFF;
}
.usuallycolor .color-block.active i{
    display:block;
}

.custom-color{
    float:left;
    cursor:pointer;
}

.custom-circle .open-colorpicker{
    width:38px;
    height:24px;
    line-height:24px;
    color:#999999;
    display:block;
    text-align:center;
    font-weight:700;
    background:#E3E3E3;
    font-size:14px;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0
}

.custom-circle .open-colorpicker:hover .icon{
    color:#00BE6E
}

.custom-btn .icon-yanse{
    margin-left:0
}

.searchColor.loading .searchColor-loading{
    display:block
}

.searchColor.loading .pagelist, .searchColor.loading .pic-box{
    display:none
}

.searchColor-loading{
    display:none;
    padding:30px 0 180px
}

.colorpicker{
    display:none;
    border:1px solid #EAEAEA;
    width:227px;
    height:279px;
    overflow:hidden;
    position:absolute;
    z-index:100;
    background:url(//icon.qiantucdn.com/static/images/search/colorpicker_background.png) no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    -webkit-border-radius:5px;
    border-radius:5px
}

.colorpicker_color{
    width:150px;
    height:150px;
    left:14px;
    top:13px;
    position:absolute;
    background:red;
    overflow:hidden;
    cursor:crosshair
}

.colorpicker_color div{
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:150px;
    background:url(//icon.qiantucdn.com/static/images/search/colorpicker_overlay.png)
}

.colorpicker_color div div{
    position:absolute;
    top:0;
    left:0;
    width:11px;
    height:11px;
    overflow:hidden;
    background:url(//icon.qiantucdn.com/static/images/search/colorpicker_select.gif);
    margin:-5px 0 0 -5px
}

.colorpicker_hue{
    position:absolute;
    top:13px;
    left:173px;
    width:47px;
    height:150px;
    cursor:n-resize
}

.colorpicker_hue div{
    position:absolute;
    width:47px;
    height:11px;
    overflow:hidden;
    background:url(//icon.qiantucdn.com/static/images/search/colorpicker_indic.gif) left top;
    margin:-4px 0 0 0;
    left:0
}

.colorpicker_new_color{
    position:absolute;
    width:31px;
    height:31px;
    left:180px;
    top:176px;
    background:red
}

.colorpicker_current_color{
    display:none;
    position:absolute;
    width:60px;
    height:30px;
    left:283px;
    top:13px;
    background:red
}

.colorpicker input{
    background-color:transparent;
    border:1px solid transparent;
    position:absolute;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    color:#444343;
    top:0;
    right:0;
    text-align:left;
    margin:0;
    padding:0;
    height:25px;
    width:129px
}

.colorpicker_hex{
    position:absolute;
    height:27px;
    width:133px;
    left:32px;
    top:179px
}

.colorpicker_field{
    height:22px;
    width:62px;
    background-position:top;
    position:absolute
}

.colorpicker_field span{
    position:absolute;
    width:12px;
    height:22px;
    overflow:hidden;
    top:0;
    right:0;
    cursor:n-resize
}

.colorpicker_rgb_r{
    display:none;
    top:52px;
    left:212px
}

.colorpicker_rgb_g{
    display:none;
    top:82px;
    left:212px
}

.colorpicker_rgb_b{
    display:none;
    top:112px;
    left:212px
}

.colorpicker_hsb_h{
    display:none;
    top:52px;
    left:282px
}

.colorpicker_hsb_s{
    display:none;
    top:82px;
    left:282px
}

.colorpicker_hsb_b{
    display:none;
    top:112px;
    left:282px
}

.colorpicker_submit{
    position:absolute;
    width:60px;
    height:30px;
    left:152px;
    top:236px;
    overflow:hidden;
    font-size:14px;
    color:#FFFFFF;
    background-image:-webkit-gradient(linear, right top, left top, color-stop(3%, #FF787E), to(#F59A9A));
    background-image:-webkit-linear-gradient(right, #FF787E 3%, #F59A9A 100%);
    background-image:-moz-linear-gradient(right, #FF787E 3%, #F59A9A 100%);
    background-image:linear-gradient(-90deg, #FF787E 3%, #F59A9A 100%);
    -webkit-border-radius:4px;
    border-radius:4px;
    text-align:center;
    line-height:30px;
    cursor:pointer
}

.colorpicker_cancel{
    position:absolute;
    width:60px;
    height:30px;
    left:82px;
    top:236px;
    overflow:hidden;
    color:#FF787E;
    background:#FACACA;
    border:1px solid #FF787E;
    -webkit-border-radius:4px;
    border-radius:4px;
    text-align:center;
    font-size:14px;
    line-height:30px;
    cursor:pointer
}

.colorpicker_focus{
    background-position:center
}

.colorpicker_hex.colorpicker_focus{
    background-position:bottom
}

.colorpicker_submit.colorpicker_focus{
    background-position:bottom
}

.colorpicker_slider{
    background-position:bottom
}

.search-color-box{
    margin-bottom:14px;
}

.search-color-box .color-text{
    font-size:14px;
    color:#666666;
    padding-top:2px;
    margin-right:40px
}

.search-color-box .color-text p{
    position:relative
}

.search-color-box .color-text p span{
    color:#00BE6E
}

.search-color-box .color-text p .color-btn{
    width:54px;
    height:20px;
    text-align:center;
    line-height:20px;
    font-size:12px;
    color:#999999;
    border:1px solid #999999;
    position:absolute;
    right:-65px;
    top:0;
    cursor:pointer;
    display:none
}

.search-color-box .color-text p .color-btn .icon{
    font-size:12px
}

.search-color-box .color-tab{
    margin-top:2px;
    padding:16px;
    background:#FAFAFA;
}

.search-color-box .usuallycolor .color-block{
    width:26px;
    height:26px;
    line-height:26px;
    margin-right:10px;
}

.search-color-box .usuallycolor .color-block .icon{
    font-size:14px
}

.search-color-box .usuallycolor .color-block:hover span{
    cursor:pointer;
}

.search-color-box .custom-circle .open-colorpicker{
    width:26px;
    height:26px;
    line-height:26px
}

.search-color-box .custom-circle .open-colorpicker .icon{
    font-size:14px
}

.search-color-box .flow-box{
    height:auto !important
}

@media screen and (max-width:1520px){
    .search-color-box .color-tab{
        margin-top:18px !important;
        width:100%
    }

    .search-color-box .color-text p .color-btn{
        display:block !important
    }
}

@media screen and (min-width:1520px){
    .search-color-box .color-tab{
        display:block !important
    }
}

.search-participle-footer .spf-content{
    background-color:#FFFFFF;
    padding:12px 20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:0 2px 11px 0 rgba(0, 0, 0, .17);
    box-shadow:0 2px 11px 0 rgba(0, 0, 0, .17);
    -webkit-border-radius:4px;
    border-radius:4px;
    margin-top:10px;
    margin-bottom:20px
}

.search-participle-footer .spf-content > input{
    background-color:#FFFFFF !important;
    border:1px solid #D5D5D5;
    -webkit-border-radius:2px;
    border-radius:2px;
    height:36px;
    line-height:36px;
    width:57%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-left:14px;
    font-size:14px
}

.search-participle-footer .spf-content input:-internal-autofill-selected, .search-participle-footer .spf-content input::-webkit-input-placeholder{
    background-color:#FFFFFF !important;
    font-size:14px;
    -webkit-text-fill-color:#A7A7A7
}

.search-participle-footer .spf-content input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #FFFFFF inset !important
}

.search-participle-footer .spf-content input:focus, .search-participle-footer .spf-content input:active{
    border-color:#10C55B
}

.search-participle-footer .spf-content .qt-btn{
    width:90px;
    color:#FFFFFF;
    height:36px;
    line-height:36px;
    background-color:#10C55B;
    margin-left:10px
}

.search-participle-footer .spf-content > span{
    margin-left:24px;
    font-size:12px;
    color:#A7A7A7;
}

.page-search .hider-seek .box-text{
    border:1px solid rgba(255, 120, 126, 1);
    background-color:transparent;
}
.page-search .seek-head-select{
    color:#202020;
}
.same_kw{
    color:#202020;
    margin-bottom:20px;
    height:38px;
    line-height:38px;
    background:#f8f8f8;
    text-align:left;
    padding-left:11px;
    overflow:hidden;
    font-size:14px;
}

.content #similar-search{
    background:rgba(255, 255, 255, 1);
    border:1px solid rgba(240, 240, 240, 1);
    padding:15px;
    font-size:14px;
    color:#666666;
    margin-bottom:20px;
    text-align:center;
}
.content #similar-search a:hover{
    color:#FF787E;
}

/*视频模板*/
.page-video-play{
    position:absolute;
    bottom:50px;
    right:10px;
    width:60px;
    height:26px;
    line-height:26px;
    background:rgba(0, 0, 0, 0.5);
    border-radius:14px;
    color:#FFF;
    font-size:12px;
}
.page-video-play .iconfont{
    font-size:12px;
}
.page-video-play span{
    border-left:1px solid rgba(255, 255, 255, 0.3);
    padding-left:3px;
    margin-right:2px;
}
.box:hover .page-video-play{
    display:none;
}
.box.Pinterest-li4 .min-img video{
    width:100%;
    height:100%;
    display:none;
    cursor:pointer;
}
.box.Pinterest-li4:hover .min-img video{
    display:block !important;
}
.box.Pinterest-li4:hover .min-img img{
    display:none !important;
}
/*视频模板end*/

/*分类/搜索页导航特殊显示*/
.start-design-show{display:inline-block;}
#templ-on > a .iconfont{margin-right:13px;}
#album-on, #cut-rotate, .xcx_show, .video-box, #video_play{display:none;}
#search_top{padding-top:0px;}
.nav .banner-seek{top:10px;width:610px;}
.nav .banner-seek .box-text{width:610px;height:40px;line-height:40px;}
.nav .nav-lists{width:max-content;}
.nav .nav-lists > li{margin:0 10px;}
.nav .nav-lists > .VIP-privilege{margin-right:50px;}
.seek-head-select{height:40px;line-height:40px;}
.box-btn{height:40px;line-height:40px;}
.box-btn .iconfont{font-size:22px;}
.video-box{display:none;}
.seek-select-head-list{padding-top:6px;}
.input-pull-down{top:42px;}
.nav-sjhb{display:none;}

.nav .hader-ipt > .VIP-privilege{
    margin:0 30px 0 10px;
    float:left;
    font-size:18.67px;
    height:100%;
    line-height:60px;
    box-sizing:border-box;
    position:relative;
}
.nav .hader-ipt > li > a{
    display:block;
    color:#202020;
    padding:0 17px;
    height:100%;
    font-size:14px;
    box-sizing:border-box;
}

.hader-ipt > .VIP-privilege:hover .nav-pulldown-bg{
    visibility:visible;
    opacity:1;
    top:60px;
    padding-top:12px;
    left:50%;
    -webkit-transform:translate(-50%, 0);
    -moz-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    -o-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    position:absolute;
}
.hader-ipt > .VIP-privilege:hover .nav-pulldown-bg{
    left:20%;
}
@media screen and (max-width:1650px){
    .nav > .nav-lists{
        left:45%;
    }
}
@media screen and (max-width:1480px){
    .nav > .nav-lists{
        left:42%;
    }

    .nav .nav_search_top_box .banner-seek{
        width:400px;
    }

    .nav .nav_search_top_box .banner-seek .box-text{
        width:400px;
    }
}
@media screen and (max-width:1100px){
    #templ-on.sigh:hover .nav-pulldown-bg.nav-pulldown-templ{
        left:0;
        -webkit-transform:translate(-10%, 0);
        -moz-transform:translate(-10%, 0);
        -ms-transform:translate(-10%, 0);
        -o-transform:translate(-10%, 0);
        transform:translate(-10%, 0);
    }
}

.box .type-mark{
    background: rgba(0, 0, 0, 0.5);
    border-radius: 14px;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    bottom: 50px;
    right: 10px;
    top: unset;
    width: 55px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}

#more_filter .more_filter_piece .more_filter_piece_box.more_filter_piece_tag a{
    margin-right:0PX;
}
.out_link {
    display: inline-block;
    margin-top: 30px;
    position:relative;
}
.out_link img {
    width: 1200px;
    height: 60px;
}

.out_link > span{
    position:absolute;
    display:block;
    width:40px;
    height:20px;
    background:rgba(0, 0, 0, 1);
    opacity:0.6;
    border-radius:4px;
    bottom:8px;
    right:8px;
    font-size:14px;
    font-weight:400;
    color:rgba(255, 255, 255, 1);
    line-height:20px;
    text-align:center;
}

.content .bread_same_kw{
    float:right;
}
.content .bread_same_kw #similar-search{
    background:rgba(255, 120, 127, 0.05);
    padding:6px 0px 6px 30px;
    margin-top:-8px;
    margin-bottom:0px;
    width:910px;
    color:#333333;
    text-align:left;
    overflow:hidden;
    border:1px solid transparent;
    word-break:keep-all;
    height:20px;
    line-height:24px;
}
.content .bread_same_kw #similar-search a{
    color:#FF4555;
    margin-right:18px;
}
.bread-crumbs h1 a{
    color:#FF787E;
    max-width:86px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    text-align:left; vertical-align:-3px;
}
#masonry .Pinterest-li .vip-bg{ width: 32px; height:18px; line-height: 18px; color: #854C00; font-size: 12px; text-align: center; background: linear-gradient(90deg, #FEE7B0 0%, #E7C469 100%);
    box-shadow: 0px 1px 2px 0px rgba(90, 46, 0, 0.42);  border-radius: 2px; position: absolute  !important; bottom: 55px  !important;  right:14px  !important; cursor:pointer;}